<!--
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table{
            border: 1px solid orange;
            width: 500px;
            margin: 5px auto;
            text-align: center;
            border-collapse: collapse;
        }
    </style>
</head>
<body>

<form action="login">
    <table>
        <tr>
            <th> 用户名:</th>
            <td><input type="text" name="uname"></td>
        </tr>
        <br>
        <tr>
            <th>密码:</th>
            <td> <input type="password" name="pwd"></td>
        </tr>
        <br>
        <tr>
            <th>验证码:</th>
            <td><input type="text" name="code"></td>
        </tr>
        <img src="validatecode" alt="">
        <tr>
            <td> <button type="button">看不清</button></td>
        </tr>
        <br>
        <tr>
            <td><input type="submit" value="登录" ></td>
            <td><a href="register.jsp">注册</a> </td>
        </tr>
        <script>
            var btn = document.querySelector("button");
            var codeImg = document.querySelector("img");
            btn.onclick=function () {
                codeImg.src="validatecode?n="+Math.random();
            }
        </script>
    </table>
</form>


</body>
</html>-->
